<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bullet.css" />
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
	</head>

	<body>
		<div class="bullet">
			<ul>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
				<li><img src="../img/end/bg.png" /></li>
			</ul>

		</div>
		<div class="bullet_ceng"></div>
		<div class="bullet_zi">
			<h3>能量<b>宣扬榜</b></h3>
			<h4>看大神们霸气宣言涨姿势！</h4>
		</div>
		<div class="bullet_bott" style="z-index: 9999;">
			<a href="leave.html"><img src="../img/end/fa.png" /></a>
		</div>
		<div class="bullet_main">
			<canvas id="canvas">			
			</canvas>		
		</div>
	</body>
	<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var canvas = document.getElementById('canvas');
		var ctx = canvas.getContext("2d");
		var width = 600;
		var height = 290;
		var colorArr = ["#2c86cc"];
		var textArr = [

				"今晚有没有LOL的一块啊？",
				"这种烟真心不好抽",
				 "星期天我想去爬长城",
			 "这种烟真心不好抽",
				 "边喝酒边看电影",
			"如果有任何疑问可以扫码联系我哦" 
			
			
		]
		canvas.width = width;
		canvas.height = height;
		
		ctx.font = "20px Courier New";
		var numArrL = [100, 130, 80, 300, 500, 430]; //初始的X
		var numArrT = [100, 120, 80, 150, 250, 210]; //初始的Y
		setInterval(function() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			ctx.save();
//			var abc = textArr[j].object.say;
			for(var j = 0; j < textArr.length; j++) {
				numArrL[j] -= (j + 1) * 0.6;
				var image = new Image();
				image.src = "../img/end/ren.png";				
				ctx.drawImage(image,numArrL[j]-60,numArrT[j]-30,50,50);			
				ctx.fillStyle = colorArr
				ctx.fillText(textArr[j], numArrL[j], numArrT[j]);
			}
			for(var i = 0; i < textArr.length; i++) {
				if(numArrL[i] <= -500) {
					numArrL[i] = canvas.width;
				}
			}
			ctx.restore();
		}, 30)
	</script>

</html>